<template>
  <!-- 图层管理 -->
  <router-view name="mapControl"></router-view>
  <!-- 功能列表 -->
  <router-view name="toolBar"></router-view>
  <!-- 信息填写 -->
  <router-view name="dataInput"></router-view>
  <!-- 信息展示 -->
  <router-view name="detail"></router-view>
  <!-- 信息更新 -->
  <router-view name="update"></router-view>
  <!-- 地图 -->
  <leaflet-map></leaflet-map>
</template>

<script>
/* eslint-disable */
import LeafletMap from "@/views/LeafletMap/LeafletMap";
import mapControl from "@/views/mapControl/mapControl";
import toolBar from "@/views/toolBar/toolBar";

import pubsub from "pubsub-js";
import { getCurrentInstance, onMounted } from "vue";

export default {
  name: "Layout",
  components: {
    LeafletMap,
    mapControl,
    toolBar,
  },
  data() {
    return {};
  },
  setup() {
    const { proxy } = getCurrentInstance();

    onMounted(() => {});
  },
  beforeRouteLeave() {
    window._map = null;
  },
};
</script>

<style lang="less" scoped>
// 设置全局样式
* {
  margin: 0;
  padding: 0;
  overflow: hidden;
  //background-color: #111111;
}
</style>